<!DOCTYPE html>
<html class="no-js">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>美食推荐-风味小吃-美食-体验</title>
    <link rel="icon" href="images/logo简游.png" />
    <link
      rel="stylesheet"
      href="https://use.fontawesome.com/releases/v5.7.2/css/all.css"
    />
    <!-- Animate.css -->
    <link rel="stylesheet" href="css/animate.css" />
    <!-- Magnific Popup -->
    <link rel="stylesheet" href="css/magnific-popup.css" />
    <!-- Salvattore -->
    <link rel="stylesheet" href="css/salvattore.css" />
    <!-- Theme Style -->
    <link rel="stylesheet" href="css/food2.css" />
    <!-- Modernizr JS -->
    <script src="js/modernizr-2.6.2.min.js"></script>
  </head>
  <body>
    <div class="food-title">
      <h2>享尽美食</h2>
    </div>
    <div
      class="foods-title">
      <div class="foods">
        <div class="foods-nav">
          <a href="javascript:void(0)"
            ><i class="fas fa-map-marker-alt"></i> 享尽美食</a
          >
        </div>
        <div class="foods-navs">
          <span
            ><a href="index.html">首页</a> >美食推荐><a
              href="javascript:void(0)"
              >更多美食</a
            >
          </span>
        </div>
      </div>
    </div>

    <div id="fh5co-main">
      <div class="container">
        <div class="row">
          <div id="fh5co-board" data-columns>
            <div class="item">
              <div class="animate-box">
                <a
                  href="images/food/长图/福橙.jpg"
                  class="image-popup fh5co-board-img"
                  title="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo, eos?"
                  ><img
                    src="images/food/长图/福橙.jpg"
                    alt="Free HTML5 Bootstrap template"
                /></a>
              </div>
              <div class="fh5co-desc">
                福橙
              </div>
            </div>
            <div class="item">
              <div class="animate-box">
                <a
                  href="images/food/短图/临高糯米糕.jpg"
                  class="image-popup fh5co-board-img"
                  ><img
                    src="images/food/短图/临高糯米糕.jpg"
                    alt="Free HTML5 Bootstrap template"
                /></a>
                <div class="fh5co-desc">
                  临高糯米糕
                </div>
              </div>
            </div>
            <div class="item">
              <div class="animate-box">
                <a
                  href="images/food/长图/五指山灵芝汤.jpg"
                  class="image-popup fh5co-board-img"
                  ><img
                    src="images/food/长图/五指山灵芝汤.jpg"
                    alt="Free HTML5 Bootstrap template"
                /></a>
                <div class="fh5co-desc">
                  五指山灵芝汤
                </div>
              </div>
            </div>
            <div class="item">
              <div class="animate-box">
                <a
                  href="images/food/长图/儋州粽子.jpg"
                  class="image-popup fh5co-board-img"
                  ><img
                    src="images/food/长图/儋州粽子.jpg"
                    alt="Free HTML5 Bootstrap template"
                /></a>
                <div class="fh5co-desc">
                  儋州粽子
                </div>
              </div>
            </div>
            <div class="item">
              <div class="animate-box">
                <a
                  href="images/food/短图/临高烤乳猪.jpg"
                  class="image-popup fh5co-board-img"
                  ><img
                    src="images/food/短图/临高烤乳猪.jpg"
                    alt="Free HTML5 Bootstrap template"
                /></a>
                <div class="fh5co-desc">
                  临高烤卤猪
                </div>
              </div>
            </div>
            <div class="item">
              <div class="animate-box">
                <a
                  href="images/food/短图/和乐蟹.jpg"
                  class="image-popup fh5co-board-img"
                  ><img
                    src="images/food/短图/和乐蟹.jpg"
                    alt="Free HTML5 Bootstrap template"
                /></a>
                <div class="fh5co-desc">
                  和乐蟹
                </div>
              </div>
            </div>
            <div class="item">
              <div class="animate-box">
                <a
                  href="images/food/短图/抱罗粉.jpg"
                  class="image-popup fh5co-board-img"
                  ><img
                    src="images/food/短图/抱罗粉.jpg"
                    alt="Free HTML5 Bootstrap template"
                /></a>
                <div class="fh5co-desc">
                  抱罗粉
                </div>
              </div>
            </div>
            <div class="item">
              <div class="animate-box">
                <a
                  href="images/food/短图/新华南老牌椰子清补凉.jpg"
                  class="image-popup fh5co-board-img"
                  ><img
                    src="images/food/短图/新华南老牌椰子清补凉.jpg"
                    alt="Free HTML5 Bootstrap template"
                /></a>
                <div class="fh5co-desc">
                  新华南老牌椰子清补凉
                </div>
              </div>
            </div>
            <div class="item">
              <div class="animate-box">
                <a
                  href="images/food/短图/椰冰清补凉.jpg"
                  class="image-popup fh5co-board-img"
                  ><img
                    src="images/food/短图/椰冰清补凉.jpg"
                    alt="Free HTML5 Bootstrap template"
                /></a>
                <div class="fh5co-desc">
                  椰冰清补凉
                </div>
              </div>
            </div>
            <div class="item">
              <div class="animate-box">
                <a
                  href="images/food/长图/儋州跑海鸭蛋.jpg"
                  class="image-popup fh5co-board-img"
                  ><img
                    src="images/food/长图/儋州跑海鸭蛋.jpg"
                    alt="Free HTML5 Bootstrap template"
                /></a>
                <div class="fh5co-desc">
                  儋州跑海鸭蛋
                </div>
              </div>
            </div>
            <div class="item">
              <div class="animate-box">
                <a
                  href="images/food/短图/椰子饭.jpg"
                  class="image-popup fh5co-board-img"
                  ><img
                    src="images/food/短图/椰子饭.jpg"
                    alt="Free HTML5 Bootstrap template"
                /></a>
                <div class="fh5co-desc">
                  椰子饭
                </div>
              </div>
            </div>
            <div class="item">
              <div class="animate-box">
                <a
                  href="images/food/短图/海南粉.jpg"
                  class="image-popup fh5co-board-img"
                  ><img
                    src="images/food/短图/海南粉.jpg"
                    alt="Free HTML5 Bootstrap template"
                /></a>
                <div class="fh5co-desc">
                  海南粉
                </div>
              </div>
            </div>
            <div class="item">
              <div class="animate-box">
                <a
                  href="images/food/长图/儋州长坡米烂.jpg"
                  class="image-popup fh5co-board-img"
                  ><img
                    src="images/food/长图/儋州长坡米烂.jpg"
                    alt="Free HTML5 Bootstrap template"
                /></a>
                <div class="fh5co-desc">
                  儋州长坡米烂
                </div>
              </div>
            </div>
            <div class="item">
              <div class="animate-box">
                <a
                  href="images/food/长图/文昌鸡.jpg"
                  class="image-popup fh5co-board-img"
                  ><img
                    src="images/文昌鸡.jpg"
                    alt="Free HTML5 Bootstrap template"
                /></a>
                <div class="fh5co-desc">
                  文昌鸡
                </div>
              </div>
            </div>
            <div class="item">
              <div class="animate-box">
                <a
                  href="images/food/短图/海南鸡饭.jpg"
                  class="image-popup fh5co-board-img"
                  ><img
                    src="images/food/短图/海南鸡饭.jpg"
                    alt="Free HTML5 Bootstrap template"
                /></a>
                <div class="fh5co-desc">
                  海南鸡饭
                </div>
              </div>
            </div>
            <div class="item">
              <div class="animate-box">
                <a
                  href="images/food/长图/绵绵冰.jpg"
                  class="image-popup fh5co-board-img"
                  ><img
                    src="images/food/长图/绵绵冰.jpg"
                    alt="Free HTML5 Bootstrap template"
                /></a>
                <div class="fh5co-desc">
                  绵绵冰
                </div>
              </div>
            </div>
            <div class="item">
              <div class="animate-box">
                <a
                  href="images/food/长图/老盐柠檬.jpg"
                  class="image-popup fh5co-board-img"
                  ><img
                    src="images/food/长图/老盐柠檬.jpg"
                    alt="Free HTML5 Bootstrap template"
                /></a>
                <div class="fh5co-desc">
                  老盐柠檬
                </div>
              </div>
            </div>
            <div class="item">
              <div class="animate-box">
                <a href="images/img_18.jpg" class="image-popup fh5co-board-img"
                  ><img
                    src="images/img_18.jpg"
                    alt="Free HTML5 Bootstrap template"
                /></a>
                <div class="fh5co-desc">
                  大杂会
                </div>
              </div>
            </div>
            <div class="item">
              <div class="animate-box">
                <a
                  href="images/food/长图/陵水酸粉.jpg"
                  class="image-popup fh5co-board-img"
                  ><img
                    src="images/food/长图/陵水酸粉.jpg"
                    alt="Free HTML5 Bootstrap template"
                /></a>
                <div class="fh5co-desc">
                  陵水酸粉
                </div>
              </div>
            </div>
            <div class="item">
              <div class="animate-box">
                <a
                  href="images/food/短图/海口甜薯奶.jpg"
                  class="image-popup fh5co-board-img"
                  ><img
                    src="images/food/短图/海口甜薯奶.jpg"
                    alt="Free HTML5 Bootstrap template"
                /></a>
                <div class="fh5co-desc">
                  海口甜薯奶
                </div>
              </div>
            </div>
            <div class="item">
              <div class="animate-box">
                <a
                  href="images/food/短图/鸡屎藤粑仔.jpg"
                  class="image-popup fh5co-board-img"
                  ><img
                    src="images/food/短图/鸡屎藤粑仔.jpg"
                    alt="Free HTML5 Bootstrap template"
                /></a>
                <div class="fh5co-desc">
                  鸡屎藤粑仔
                </div>
              </div>
            </div>

            <div class="item">
              <div class="animate-box">
                <a
                  href="images/food/短图/黎苗三色饭.jpg"
                  class="image-popup fh5co-board-img"
                  ><img
                    src="images/food/短图/黎苗三色饭.jpg"
                    alt="Free HTML5 Bootstrap template"
                /></a>
                <div class="fh5co-desc">
                  黎苗三色饭
                </div>
              </div>
            </div>
            <div class="item">
              <div class="animate-box">
                <a href="images/food/短图/福山咖啡.jpg" class="image-popup fh5co-board-img"
                  ><img
                    src="images/food/短图/福山咖啡.jpg"
                    alt="Free HTML5 Bootstrap template"
                /></a>
                <div class="fh5co-desc">
                  福山咖啡
                </div>
              </div>
            </div>
            <div class="item">
              <div class="animate-box">
                <a href="images/food/短图/临高烤乳猪2.jpg" class="image-popup fh5co-board-img"
                  ><img
                    src="images/food/短图/临高烤乳猪2.jpg"
                    alt="Free HTML5 Bootstrap template"
                /></a>
                <div class="fh5co-desc">
                  临高烤乳猪2
                </div>
              </div>
            </div>
            <div class="item">
              <div class="animate-box">
                <a href="images/food/短图/芒果肠粉.jpg" class="image-popup fh5co-board-img"
                  ><img
                    src="images/food/短图/芒果肠粉.jpg"
                    alt="Free HTML5 Bootstrap template"
                /></a>
                <div class="fh5co-desc">
                  芒果肠粉
                </div>
              </div>
            </div>
            <div class="item">
              <div class="animate-box">
                <a href="images/food/短图/琼中椰子鸡蛇煲.jpg" class="image-popup fh5co-board-img"
                  ><img
                    src="images/food/短图/琼中椰子鸡蛇煲.jpg"
                    alt="Free HTML5 Bootstrap template"
                /></a>
                <div class="fh5co-desc">
                  琼中椰子鸡蛇煲
                </div>
              </div>
            </div>
            <div class="item">
              <div class="animate-box">
                <a
                  href="images/food/长图/黎家竹筒饭.jpg"
                  class="image-popup fh5co-board-img"
                  ><img
                    src="images/food/长图/黎家竹筒饭.jpg"
                    alt="Free HTML5 Bootstrap template"
                /></a>
                <div class="fh5co-desc">
                  黎家竹筒饭
                </div>
              </div>
            </div>
            <div class="item">
              <div class="animate-box">
                <a href="images/food/短图/屯昌罗非鱼.jpg" class="image-popup fh5co-board-img"
                  ><img
                    src="images/food/短图/屯昌罗非鱼.jpg"
                    alt="Free HTML5 Bootstrap template"
                /></a>
                <div class="fh5co-desc">
                  屯昌罗非鱼
                </div>
              </div>
            </div>
            <div class="item">
              <div class="animate-box">
                <a href="images/food/短图/温泉鹅.jpg" class="image-popup fh5co-board-img"
                  ><img
                    src="images/food/短图/温泉鹅.jpg"
                    alt="Free HTML5 Bootstrap template"
                /></a>
                <div class="fh5co-desc">
                  温泉鹅
                </div>
              </div>
            </div>
            <div class="item">
              <div class="animate-box">
                <a href="images/food/短图/竹筒饭.jpg" class="image-popup fh5co-board-img"
                  ><img
                    src="images/food/短图/竹筒饭.jpg"
                    alt="Free HTML5 Bootstrap template"
                /></a>
                <div class="fh5co-desc">
                  竹筒饭
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- jQuery -->
    <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <!-- jQuery Easing -->
    <script src="js/jquery.easing.1.3.js"></script>
    <!-- Bootstrap -->
    <script src="http://www.jq22.com/jquery/bootstrap-3.3.4.js"></script>
    <!-- Waypoints -->
    <script src="js/jquery.waypoints.min.js"></script>
    <!-- Magnific Popup -->
    <script src="js/jquery.magnific-popup.min.js"></script>
    <!-- Salvattore -->
    <script src="js/salvattore.min.js"></script>
    <!-- Main JS -->
    <script src="js/main-food2.js"></script>
  </body>
</html>
